<template>
    <div class="index_container">
        <el-container>
            <el-header>Header</el-header>
            <el-main>
            <div class="desc-div">
                <h2 align="center">商品详情</h2>
                <div class="goodsDesc">
                    <div class="baseInfo">
                        <div class="photo">
                            <el-image :src="require('@/assets/images/books/' + book.book_image)">
                                <div slot="placeholder" class="image-slot">
                                    加载中<span class="dot">...</span>
                                </div>
                            </el-image>
                        </div>
                        <div class="bookInfo">
                            <p>书名:{{ book.book_name }}</p>
                            <p>价格:{{ book.book_price }}</p>
                        </div>
                    </div>
                    <div class="bookDesc">
                        <p>图书详情:</p>
                        {{ book.book_desc }}
                    </div>
                    <div class="book-comment">
                        <p>图书评论</p>

                        <div class="comment-info" >
                        <div class="comment-base-info">
                            <label style="display:inline-block;width:70%">评论人:</label>
                            <label style="margin-right:20px">评论时间:</label>
                        </div>
                        <div class="comment-content">
                        
                        </div>
                    </div>

                    </div>
                </div>
            </div>
          </el-main>

            <el-footer>Footer</el-footer>
        </el-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        
       
        
    },
    created() {
        
    }
}
</script>

<style scoped>
.index_container {
    margin: 0px auto;
    width: 80%;

}

.el-header,.el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
}

.el-main {
    background-color: #E9EEF3;
    color: #333;
}

</style>